<!--<template>-->
<!--  <div class="score page">-->
<!--    <div class="header">-->
<!--      <div class="user filter" @click="showUser">-->
<!--        <span class="iconfont iconwode"></span>-->
<!--        <span class="val">{{userName}}</span>-->
<!--        <span class="iconfont icondown"></span>-->
<!--      </div>-->
<!--      <div class="sum">-->
<!--        {{sum}}-->
<!--      </div>-->
<!--      <div class="date filter" @click="showDate">-->
<!--        <span class="iconfont icontime"></span>-->
<!--        <span class="val">{{parseTime(date)}}</span>-->
<!--        <span class="iconfont icondown"></span>-->
<!--      </div>-->
<!--    </div>-->
<!--    <div class="todos">-->
<!--      <cube-scroll :items="items">-->
<!--        <div class="items">-->
<!--          <todo-item @click="toScore(item)" class="item" v-for="item in items" :item="item" :key="item.id"></todo-item>-->
<!--        </div>-->
<!--      </cube-scroll>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--import todoItem from '../../components/todo-item'-->
<!--import { listByTop } from '../../api/todo'-->
<!--import { parseTime } from '../../util/time'-->
<!--import { getUsers } from '../../api/user'-->

<!--export default {-->
<!--  components: {-->
<!--    todoItem-->
<!--  },-->
<!--  activated () {-->
<!--    this.update()-->
<!--  },-->
<!--  computed: {-->
<!--    sum () {-->
<!--      let num = 0-->
<!--      this.items.forEach(item => {-->
<!--        if (item.status > 1) {-->
<!--          num++-->
<!--        }-->
<!--      })-->
<!--      return num + '/' + this.items.length-->
<!--    }-->
<!--  },-->
<!--  created () {-->
<!--    getUsers().then(res => {-->
<!--      this.users = res.data-->
<!--    })-->
<!--  },-->
<!--  methods: {-->
<!--    toScore (item) {-->
<!--      let path = '/score/visit'-->
<!--      if (item.type === 1) {-->
<!--        path = '/score/send'-->
<!--      }-->

<!--      if (item.type === 2) {-->
<!--        path = '/score/act'-->
<!--      }-->

<!--      this.$router.push({-->
<!--        path: path,-->
<!--        query: { id: item.id }-->
<!--      })-->
<!--    },-->
<!--    showDate () {-->
<!--      if (!this.datePicker) {-->
<!--        this.datePicker = this.$createDatePicker({-->
<!--          title: '选择时间',-->
<!--          min: new Date(2020, 1, 1),-->
<!--          max: new Date(2023, 9, 20),-->
<!--          value: new Date(),-->
<!--          onSelect: this.selectDate-->
<!--        })-->
<!--      }-->
<!--      this.datePicker.show()-->
<!--    },-->
<!--    showUser () {-->
<!--      if (!this.userPicker) {-->
<!--        this.userPicker = this.$createPicker({-->
<!--          title: '选择人员',-->
<!--          data: [this.users],-->
<!--          alias: {-->
<!--            text: 'name',-->
<!--            value: 'id'-->
<!--          },-->
<!--          onSelect: this.selectUser-->
<!--        })-->
<!--      }-->
<!--      this.userPicker.show()-->
<!--    },-->
<!--    selectDate (val, index, text) {-->
<!--      this.date = val-->
<!--      this.update()-->
<!--    },-->
<!--    selectUser (val, index, text) {-->
<!--      this.userId = val.join()-->
<!--      this.userName = text.join()-->
<!--      this.update()-->
<!--    },-->
<!--    update () {-->
<!--      listByTop(this.userId, parseTime(this.date)).then(res => {-->
<!--        this.items = res.data-->
<!--      })-->
<!--    },-->
<!--    parseTime (time) {-->
<!--      return parseTime(time, '{y}-{m}-{d}')-->
<!--    }-->
<!--  },-->
<!--  data () {-->
<!--    return {-->
<!--      items: [],-->
<!--      userId: null,-->
<!--      userName: '全部',-->
<!--      date: new Date(),-->
<!--      users: []-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style scoped lang="stylus">-->
<!--  .score-->
<!--    padding 0-->
<!--    .header-->
<!--      height 44px-->
<!--      background-color #ECEAEA-->
<!--      padding 0 10px-->
<!--      display flex-->
<!--      align-items center-->
<!--      justify-content space-between-->
<!--      .sum-->
<!--        font-size 15px-->
<!--        color #55545d-->
<!--      .filter-->
<!--        display flex-->
<!--        align-items center-->
<!--        justify-content space-between-->
<!--        .val-->
<!--          flex 1-->
<!--          margin 0 10px-->
<!--          color #55545D-->
<!--          dpr-font(12Px)-->
<!--        .iconfont-->
<!--          color #55545D-->
<!--          dpr-font(16px)-->
<!--        .icondown-->
<!--          color #55545D-->
<!--          dpr-font(16px)-->
<!--    .todos-->
<!--      position absolute-->
<!--      top 44px-->
<!--      bottom 0-->
<!--      left 0-->
<!--      right 0-->
<!--      .items-->
<!--        padding 0px 10px-->
<!--        padding-bottom 10px-->
<!--        .item-->
<!--          margin-top 15px-->

<!--</style>-->
